<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Vue Studey</title>
	</head>

	<body>
		<div>
			<h3>vue简单的指令</h3>
			<ol>
				<li><a href="example/helloword.html" target="_blank">Hello World实例</a></li>
				<li><a href="example/v-if.html" target="_blank">v-if&v-else&v-show</a></li>
				<li><a href="example/v-for.html" target="_blank">v-for实例化及排序</a></li>
				<li><a href="example/v-text.html" target="_blank">v-text & v-html</a></li>
				<li><a href="example/v-on.html" target="_blank">v-on 实例化</a></li>
				<li><a href="example/v-model.html" target="_blank">v-model 实例化</a></li>
				<li><a href="example/v-bind.html" target="_blank">v-bind 实例化</a></li>
				<li><a href="example/v-others.html" target="_blank">v-pre & v-cloak & v-once 实例化</a></li>
			</ol><hr />
			<h3>Vue  全局API</h3>
			<ol>
				<li><a href="globalapi/vue.directive.html" target="_blank">自定义指令vue.directive实例</a></li>
				<li><a href="globalapi/vue.extend.html" target="_blank">vue.extend 扩展构造器实例化</a></li>
				<li><a href="globalapi/vue.set.html" target="_blank">vue.set实例化</a></li>
				<li><a href="globalapi/shengmingzhouqi.html" target="_blank">vue的生命周期</a></li>
				<li><a href="globalapi/template.html" target="_blank">template模板三种写法</a></li>
				<li><a href="globalapi/component-1.html" target="_blank">Component-1组件的写法</a></li>
				<li><a href="globalapi/component-2.html" target="_blank">Component-2组件添加属性</a></li>
				<li><a href="globalapi/component-3.html" target="_blank">Component-3父子组件</a></li>
				<li><a href="globalapi/component-4.html" target="_blank">Component-4 Component标签</a></li>
			</ol><hr />
			<h3>构造器里的选项</h3>
			<ol>
				<li><a href="third/propsData.html" target="_blank">propsData Option扩展的延伸</a></li>
				<li><a href="third/computed.html" target="_blank">computed 计算属性</a></li>
				<li><a href="third/methods.html" target="_blank">methods 选项的四个知识点</a></li>
				<li><a href="third/watch.html" target="_blank">watch 选项</a></li>
				<li><a href="third/mixins.html" target="_blank">mixins 混入选项</a></li>
				<li><a href="third/extend.html" target="_blank">extend 选项</a></li>
			</ol><hr />
		</div>
	</body>

</html>